.box {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.header {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  padding-bottom: 16px;
  &_filter {
    flex: 1 1;
    overflow: hidden;
    display: flex;
    align-items: center;
  }
  &_action {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
  }
}
.main {
  flex: 1 1;
  overflow: hidden;
}

.is_error {
  background-color: fade(red, 8%);
}

.editingEle {
  position: absolute !important;
  left: 2px !important;
  top: 50% !important;
  width: calc(100% - 4px) !important;
  transform: translateY(-50%) !important;
}

.CellEdit {
  &_fileIcon {
    margin-right: 2px;
    color: var(--ant-color-text-secondary);
  }
  &_file {
    max-width: 360px;
    max-height: 200px;
    overflow: hidden;
    line-height: 1.8;
    &_item {
      display: flex;
      align-items: center;
      &_file {
        flex: 1 1 auto;
        overflow: hidden;
      }
      &_icon {
        flex: 0 0 auto;
      }
    }
  }
}

.CellAction {
  &_del {
    color: var(--ant-color-text-secondary);
  }
  &_errMsg {
    width: 450px;
    text-align: left;
    position: relative;
    &_keys {
      color: var(--ant-color-text-secondary);
    }
    &_close {
      position: absolute;
      right: 0;
      top: 0;
      color: var(--ant-color-icon);
    }
  }
}
